.header{position: fixed;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.5);top:0}
.header.on{box-shadow: 0 0 12px rgba(0,0,0,0);top:.2rem}
.header>div{display:flex;height:1rem;line-height:1rem;justify-content: space-between;padding:0 2.6rem;background:#fff;}
.header.on>div{margin:0 1rem;padding:0 1.6rem;border-radius:50px;;box-shadow: 0 0 12px rgba(0,0,0,0.5);background:#fff;;}
.header .navs{width:57%}
.header .navs ul{display:flex;justify-content: space-between;}
.header .navs ul li a{font-size:.22rem;color:black;font-family:"MicrosoftYaHeiUIBold";}
.header .navs ul li a:hover,.header .navs ul li.active a{color:#1248a7;}
.header .right{line-height:normal;display:flex;flex-direction: column;justify-content: center;}
.header .right .search{margin:0 0 .1rem}
.header .right .search a{padding-left:.4rem;font-size:.18rem;color:black;position:relative}
.header .right .search a:after{content:"";position:absolute;background:url(../images/search.png) no-repeat;width:.16rem;height:.16rem;left:20%;top:50%;transform:translateY(-50%);background-size:100%}
.header .right .langs a{padding:.05rem 0 ;text-align:center;font-size:.18rem;color:white;background-image: linear-gradient(-35deg, transparent 10px, #023ea3 0);}
.tem_banner.indise{padding:1rem 0 0;}
.tem_banner .flash{position:relative}
.tem_banner .flash .txt{position:absolute;left:50%;transform:translateX(-50%);top:39%;text-align:center;}
.tem_banner .flash .txt h1{font-size:.36rem;color:white;margin:0 0 .18rem}
.tem_banner .flash .txt p{font-size:.24rem;color:#928b8e;text-transform:uppercase}
.about_nav>div{display:flex;height:.66rem;line-height:.66rem;justify-content: space-between;transform:translateY(-.33rem);background:white;z-index:222;box-shadow: 0 0 12px rgba(0,0,0,0.3)}
.about_nav .nav_list {width:50%}
.about_nav .nav_list ul{display:flex}
.about_nav .nav_list ul li{width:20%;text-align:center}
.about_nav .nav_list ul li a{font-size:.16rem;font-family:"MicrosoftYaHeiUIBold";color:black;}
.about_nav .nav_list ul li a:hover{background:#023ea3;color:white}
.about_nav .mbx{display:flex;padding-right:.22rem;align-items: center;}
.about_nav .mbx a:first-child{margin-left:0;padding-left:.22rem;position:relative}
.about_nav .mbx a:first-child:after{content:"";position:absolute;background:url(../images/home.png) no-repeat;width:.15rem;height:.15rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.about_nav .mbx a{font-size:.14rem;line-height:normal;margin:0 .13rem;color:#555555}
.about_box .about_company{padding:.6rem 0 0}
.about_box .about_company .title{text-align:center;margin:0 0 .5rem;position:relative }
.about_box .about_company .title:after{content:"";position:absolute;background:url(../images/icon1.png) no-repeat;width:2.57rem;height:.19rem;left:27%;top:50%;transform:translateY(-50%);background-size:100%}
.about_box .about_company .title:before{content:"";position:absolute;background:url(../images/icon2.png) no-repeat;width:2.57rem;height:.19rem;right:27%;top:50%;transform:translateY(-50%);background-size:100%}

.about_box .about_company .title h1{font-size:.24rem;color:#023ea3;}
.about_box .about_company .title p{font-size:.36rem;color:#373737;font-family:"MicrosoftYaHeiUIBold";padding:.05rem 0 0}
.about_box .about_company .pad26{padding-left:2.6rem;padding-bottom:1.08rem}
.about_box .about_company .pad26 .infos{display:flex;justify-content: space-between;}
.about_box .about_company .pad26  .infos .left{width:50.8%;display:flex;flex-direction: column;justify-content: space-between;}
.about_box .about_company .pad26  .infos .left .top .tit h1{font-size:.3rem;color:#262626;;font-weight:bold;padding:0 0 .15rem}
.about_box .about_company .pad26  .infos .left .top .tit  p{font-size:.16rem;color:#6b6b6b;padding:0 0 .15rem;position:relative}
.about_box .about_company .pad26  .infos .left .top .tit  p:after{content:"";background:#1f3790;position:absolute;left:0;bottom:0;height:3px;width:.75rem;}
.about_box .about_company .pad26  .infos .left .top .text h2{font-size:.46rem;font-family:"MicrosoftYaHeiUIBold";color:#262626;padding:.55rem 0 .5rem}
.about_box .about_company .pad26  .infos .left .top .text .editor p{font-size:.18rem;color:#484848;line-height:.25rem}
.about_box .about_company .pad26  .infos .left .guimo ul{display:flex;}
.about_box .about_company .pad26  .infos .left .guimo ul li{width:33.33%;text-align:center;border-right:2px solid #dddddd}
.about_box .about_company .pad26  .infos .left .guimo ul li:last-child{border:0}
.about_box .about_company .pad26  .infos .left .guimo ul li p{font-size:.26rem;;font-family:"MicrosoftYaHeiUIBold";color:#023ea3}
.about_box .about_company .pad26  .infos .left .guimo ul li p em{font-size:.5rem}
.about_box .about_company .pad26  .infos .left .guimo ul li h2{font-size:.18rem;color:#023ea3}
.about_box .about_company .pad26  .infos .right{width:47%}
.about_box .about_culture{background:#eeeeee}
.about_box .about_culture>div{padding:1.02rem 0 1.08rem;display:flex;justify-content: space-between;}
.about_box .about_culture .left{position:relative;width:32.12%}
.about_box .about_culture .left .txt{position:absolute;width:100%;top:0;padding:.52rem  .5rem 0 .3rem}
.about_box .about_culture .left .txt h1{font-size:.36rem;color:white;padding:0 0 .2rem;margin:0 0 .6rem;position:relative}
.about_box .about_culture .left .txt h1:after{content:"";position:absolute;background:white;height:3px;width:.77rem;left:0;bottom:0}
.about_box .about_culture .left .txt p{color:white;font-size:.18rem;line-height:.28rem;;font-weight:bold}
.about_box .about_culture .right{position:relative;width:66.1%}
.about_box .about_culture .right .con{position:absolute;left:0;top:10%;padding:0 .5rem;}
.about_box .about_culture .right .con p{color:white;font-size:.18rem;font-weight:bold}
.about_honor>div{padding:0 0 1.05rem}
.about_honor .title{text-align:center;padding:.9rem 0  .6rem;}
.about_honor .title h1{color:#262626;font-size:.36rem;font-weight:bold;display:inline-block;position:relative;padding:0 0 .25rem}
.about_honor .title h1:after{content:"";position:absolute;background:#132b84;height:3px;width:.5rem;left:50%;transform:translateX(-50%);bottom:0}
.about_honor .lists{padding:0 1.14rem;position:relative}
.about_honor .lists a{padding:.48rem .7rem .6rem;border:1px solid  #c9c9c9;}
.about_honor .lists a:hover img{transform:scale(1.1)}
.about_honor .lists a p{text-align:center;font-size:.16rem;color:#4b4b4b;padding:.35rem 0 0}
.about_honor .lists .swiper-page>div{position:absolute;width:.7rem;height:.7rem;border:1px solid #808080;border-radius:100%;line-height:.7rem;text-align:center;font-size:.36rem;color:#808080;outline:none;z-index:2;top:50%;left:0;transform:translateY(-50%)}
.about_honor .lists .swiper-page>div.slide-button-next {left:auto;right:0}
.about_partner{background-repeat:no-repeat;background-size:cover;}
.about_partner>div{padding:0 0 1.5rem}
.about_partner .title{text-align:center;padding:1.07rem 0  .95rem;}
.about_partner .title h1{color:#262626;font-size:.36rem;font-weight:bold;display:inline-block;position:relative;padding:0 0 .2rem}
.about_partner .title h1:after{content:"";position:absolute;background:#132b84;height:4px;width:.3rem;left:50%;transform:translateX(-50%);bottom:0;border-radius:20px}
.about_partner .lists{padding:0 1.03rem;position:relative}
.about_partner .lists .swiper-page>div{position:absolute;width:.48rem;height:.48rem;;border-radius:100%;line-height:.48rem;;outline:none;z-index:2;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 12px rgba(0,0,0,0.2);background:white url(../images/jt1.png) no-repeat center center;}
.about_partner .lists .swiper-page>div.slide-button-next {left:auto;right:0;background:white url(../images/jt2.png) no-repeat center center;}
.about_partner .lists p{text-align:center;padding:.45rem 0 0;font-size:.24rem;color:#262626;font-family:"MicrosoftYaHeiUIBold";text-transform:uppercase}
.about_partner .lists a:hover img{transform:scale(.9)}
.about_workshop>div{padding:0 0 1.44rem}
.about_workshop .title{text-align:center;padding:1.05rem 0  .35rem;}
.about_workshop .title h1{color:#262626;font-size:.36rem;font-weight:bold;display:inline-block;position:relative;padding:0 0 .2rem}
.about_workshop .title h1:after{content:"";position:absolute;background:#132b84;height:4px;width:.3rem;left:50%;transform:translateX(-50%);bottom:0;border-radius:20px}
.about_workshop  a p{position:absolute;left:0;width:100%;bottom:0;text-align:center;padding:.35rem 0 .3rem;background:rgba(0,0,0,.3);color:white;font-size:.16rem}
.about_workshop  a:hover img{transform:scale(1.1)}
.about_workshop .swiper-page{padding:.28rem 0 .33rem;display:flex}
.about_workshop .swiper-page>div{width:.38rem;height:.38rem;;border-radius:100%;line-height:.38rem;;outline:none;z-index:2;border:1px solid #132b84;background:url(../images/icon3.png) no-repeat center center;}
.about_workshop .swiper-page>div.slide-button-next {background:url(../images/icon4.png) no-repeat center center;margin-left:.12rem}
.about_workshop .swiper-page>div:hover{background:#132b84 url(../images/icon3-3.png) no-repeat center center;}
.about_workshop .swiper-page>div.slide-button-next:hover {background:#132b84 url(../images/icon4-4.png) no-repeat center center}
.footer .top{background:#023ea3;padding:.54rem 0 .57rem}
.footer .top>div{display:flex}
.footer .top .left{width:30%}
.footer .top .left h2{font-size:.18rem;color:white;;font-family:"MicrosoftYaHeiUIBold";padding:.15rem 0 .35rem}
.footer .top .left ul li{padding:0 0 .1rem}
.footer .top .left ul li p{font-size:.18rem;color:#d2ddef;font-family:"MicrosoftYaHeiUIBold"}
.footer .top .middle{width:46%;display:flex;justify-content: center;align-items: center;position:relative}
.footer .top .middle:after{content:"";position:absolute;background:#3565b5;left:0;width:1px;height:90%;bottom:0}
.footer .top .middle:before{content:"";position:absolute;background:#3565b5;right:0;width:1px;height:90%;bottom:0}
.footer .top .middle .infos {width:39%}
.footer .top .middle .infos ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.footer .top .middle .infos ul li{margin:0 0 .24rem}
.footer .top .middle .infos ul li a{font-size:.22rem;color:white;;font-family:"MicrosoftYaHeiUIBold"}
.footer .top .middle .infos .shares {display:flex;justify-content: space-between;padding:0 .2rem;margin:.3rem 0 0}
.footer .top .right{width:24%;display:flex;flex-direction: column;justify-content: center;align-items: flex-end;}
.footer .top .right .img{width:33%}
.footer .top .right .img p{font-size:.14rem;color:white;padding:.15rem 0 0}
.footer  .bot{background:#020202;padding:.3rem 0}
.footer  .bot>div{display:flex;justify-content: space-between;align-items: center;}
.footer  .bot p{font-size:.16rem;color:#c5c5c5;;font-weight:bold}
.footer  .bot p a{display:initial;color:#c5c5c5;;font-weight:bold;margin-left:1.3rem}
.footer  .bot .list{width:23%}
.footer  .bot .list select{width:100%;background:none;border:0;border-bottom:1px solid #aaaaaa;color:#aaaaaa;font-size:.14rem;font-weight:bold}
.pro_nav{background:#f3f3f3}
.pro_nav>div{display:flex;height:.66rem;line-height:.66rem;justify-content: space-between;transform:translateY(-.33rem);background:white;z-index:222;box-shadow: 0 0 12px rgba(0,0,0,0.3);align-items: center;}
.pro_nav .nav_list {width:68%}
.pro_nav .nav_list ul{display:flex}
.pro_nav .nav_list ul li{width:20%;text-align:center}
.pro_nav .nav_list ul li.active a{background:#023ea3;color:white}
.pro_nav .nav_list ul li a{font-size:.16rem;font-family:"MicrosoftYaHeiUIBold";color:black;}
.pro_nav .nav_list ul li a:hover{background:#023ea3;color:white}
.pro_nav .mbx{display:flex;padding-right:.1rem;align-items: center;width:32%}
.pro_nav .mbx a:first-child{margin-left:0;padding-left:.22rem;position:relative}
.pro_nav .mbx a:first-child:after{content:"";position:absolute;background:url(../images/home.png) no-repeat;width:.15rem;height:.15rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.pro_nav .mbx a{font-size:.14rem;line-height:normal;;margin:0 .05rem;;color:#555555}
.product{background:#f3f3f3}
.product .product_nav {padding:.3rem 0 .36rem}
.product .product_nav ul{display:flex;justify-content: center;}
.product .product_nav ul li{margin:0 .05rem}
.product .product_nav ul li a{padding:.17rem .15rem;border:1px solid #5a5a5a;border-radius:50px;font-size:.16rem;color:#4e4e4e}
.product .product_nav ul li a:hover{border:1px solid #023ea3;background:#023ea3;color:white}
.product .product_nav ul li.active a{border:1px solid #023ea3;background:#023ea3;color:white}
.product .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product .lists:after{content:"";width:30%}
.product .lists .items{width:30%;margin:0 0 .55rem}
.product .lists .items a{position:relative;overflow:hidden}
.product .lists .items a .text{position:absolute;left:0;width:100%;bottom:-.66rem;padding:.25rem 0 0 .38rem;border-top:1px solid #bfbfbf}
.product .lists .items a .text h1{font-size:.16rem;color:#1b1b1b}
.product .lists .items a .text span{display:inline-block;padding:.13rem .3rem;font-size:.16rem;border:1px solid white;color:white;margin:.32rem 0 0}
.product .lists .items a:hover .text{padding:.4rem .38rem .37rem;bottom:0;background:#0055a6;border-top:1px solid #0055a6}
.product .lists .items a:hover .text h1{color:white;font-family:"MicrosoftYaHeiUIBold";font-size:.18rem}
.product .lists .items a:hover img{transform:scale(1.1)}
.product .page{display:flex;justify-content: center;padding:.1rem 0 1.6rem}
.product .page a{margin:0 .03rem;width:.28rem;height:.28rem;line-height:.28rem;font-size:.16rem;color:#333333;background:#dddddd}
.product .page a.page-item{width:auto;padding:0 .1rem}
.product .page a.page-num-current{background:#023ea3;color:white}
.product .page a:hover{background:#023ea3;color:white;}
.pro_fixed {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,.5);transition:none;display:none;}
.pro_fixed .mains {position:absolute;top:50%;left:50%;background:#FFF;transform:translate(-50%,-50%);padding:.4rem .3rem;width:100%;max-width:600px;}
.pro_fixed .mains_on {top:70%;opacity:0;visibility:hidden}
.pro_fixed .mains .list{font-size:0;position:relative}
.pro_fixed .mains #smalls{margin:.3rem 0 0}
.pro_fixed .mains #smalls .swiper-slide{text-align:center;cursor:pointer;}
.pro_fixed .mains #smalls .swiper-slide img {max-height:100%}
.pro_fixed .mains #smalls .swiper-slide:before{content:'';width:100%;height:100%;border:2px solid #015fc1;position:absolute;top:0;left:0;transform:scale(.8);opacity:0;transition:all .5s}
.pro_fixed .mains #smalls .swiper-slide-thumb-active:before{opacity:1;transform:scale(1);}
.pro_fixed .mains h6{display:inline-block;margin:.25rem 0 0;background:#015fc1;border-radius:35px;padding:0 .72rem;line-height:.6rem;font-size:.2rem;color:#FFF}

.news_nav>div{display:flex;height:.66rem;line-height:.66rem;justify-content: space-between;transform:translateY(-.33rem);background:white;z-index:222;box-shadow: 0 0 12px rgba(0,0,0,0.3);align-items: center;}
.news_nav .nav_list {width:73%}
.news_nav .nav_list ul{display:flex}
.news_nav .nav_list ul li{width:20%;text-align:center}
.news_nav .nav_list ul li.active a{background:#023ea3;color:white}
.news_nav .nav_list ul li a{font-size:.16rem;font-family:"MicrosoftYaHeiUIBold";color:black;}
.news_nav .nav_list ul li a:hover{background:#023ea3;color:white}
.news_nav .mbx{display:flex;padding-right:.1rem;align-items: center;}
.news_nav .mbx a:first-child{margin-left:0;padding-left:.22rem;position:relative}
.news_nav .mbx a:first-child:after{content:"";position:absolute;background:url(../images/home.png) no-repeat;width:.15rem;height:.15rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.news_nav .mbx a{font-size:.14rem;line-height:normal;margin:0 .13rem;color:#555555}
.news_list .title{text-align:center;margin:.61rem 0 .55rem;position:relative; }
.news_list .title:after{content:"";position:absolute;background:url(../images/icon1.png) no-repeat;width:2.57rem;height:.19rem;left:19%;top:50%;transform:translateY(-50%);background-size:100%}
.news_list .title:before{content:"";position:absolute;background:url(../images/icon2.png) no-repeat;width:2.57rem;height:.19rem;right:19%;top:50%;transform:translateY(-50%);background-size:100%}

.news_list .title h1{font-size:.24rem;color:#023ea3;text-transform:uppercase}
.news_list .title p{font-size:.36rem;color:#373737;font-family:"MicrosoftYaHeiUIBold";padding:.05rem 0 0}
.news_list .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.news_list .lists:after{content:"";width:30%}
.news_list .lists .items{width:30%;margin:0 0 .58rem}
.news_list .lists .items a{padding:.26rem .25rem .7rem;background:#f5f5f5;position:relative}
.news_list .lists .items a:after{content:"";position:absolute;background:#4c4c4c;width:100%;height:3px;left:0;top:0}
.news_list .lists .items a:before{content:"";position:absolute;background:#023ea3;width:0;height:3px;left:50%;top:0;transform:translateX(-50%);z-index:2;transition:.3s}
.news_list .lists .items a:hover:before{width:100%;transition:.3s}
.news_list .lists .items a:hover h1{text-decoration:underline;color:#023ea3;transition:.3s}
.news_list .lists .items a span{font-size:.14rem;color:#565656;font-weight:bold;display:inline-block}
.news_list .lists .items a h1{font-size:.24rem;;font-family:"MicrosoftYaHeiUIBold";color:#333333;line-height:.29rem;margin:.47rem 0 .23rem;height:.58rem}
.news_list .lists .items a  p{color:#565555;line-height:.22rem;height:.88rem;font-weight:bold}
.news_list .lists .items a  em{display:inline-block;margin:.58rem 0 0;font-size:.16rem;color:#484848}
.news_list .page{display:flex;justify-content: center;padding:.1rem 0 1.6rem}
.news_list .page a{margin:0 .03rem;width:.28rem;height:.28rem;line-height:.28rem;font-size:.16rem;color:#333333;background:#dddddd}
.news_list .page a.page-item{width:auto;padding:0 .1rem}
.news_list .page a.page-num-current{background:#023ea3;color:white}
.news_list .page a:hover{background:#023ea3;color:white;}
.contact_box .infos{background-size:cover;background-repeat:no-repeat}
.contact_box .infos>div{padding:1.24rem  0 .8rem}
.contact_box .infos .title{text-align:center;margin:0 0 .25rem;position:relative; }
.contact_box .infos .title:after{content:"";position:absolute;background:url(../images/icon1.png) no-repeat;width:2.57rem;height:.19rem;left:19%;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .infos .title:before{content:"";position:absolute;background:url(../images/icon2.png) no-repeat;width:2.57rem;height:.19rem;right:19%;top:50%;transform:translateY(-50%);background-size:100%}

.contact_box .infos .title h1{font-size:.24rem;color:#023ea3;text-transform:uppercase}
.contact_box .infos .title p{font-size:.36rem;color:#023ea3;font-family:"MicrosoftYaHeiUIBold";padding:.05rem 0 0}
.contact_box .infos .txt ul{display:flex;justify-content: space-between;}
.contact_box .infos .txt ul li {padding:0 .28rem;position:relative}
.contact_box .infos .txt ul li:after{content:"";position:absolute;width:1px;height:1.08rem;background:url(../images/icon5.png) no-repeat;right:0rem;;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .infos .txt ul li p{font-size:.18rem;font-family:"MicrosoftYaHeiUIBold";color:white;;padding:.4rem 0}
.contact_box .infos .txt ul li:first-child{padding-left:0}
.contact_box .infos .txt ul li:last-child:after{display:none}

.contact_box .message>div{padding:1.34rem  0 1.5rem}
.contact_box .message .title{text-align:center;margin:0 0 .88rem;position:relative; }
.contact_box .message .title:after{content:"";position:absolute;background:url(../images/icon1.png) no-repeat;width:2.57rem;height:.19rem;left:19%;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .message .title:before{content:"";position:absolute;background:url(../images/icon2.png) no-repeat;width:2.57rem;height:.19rem;right:19%;top:50%;transform:translateY(-50%);background-size:100%}

.contact_box .message .title h1{font-size:.24rem;color:#023ea3;text-transform:uppercase}
.contact_box .message .title p{font-size:.36rem;color:#023ea3;font-family:"MicrosoftYaHeiUIBold";padding:.05rem 0 0}
.contact_box .message .lists{padding:0 .63rem}
.contact_box .message .lists .first{display:flex;flex-wrap: wrap;justify-content: space-between;}
.contact_box .message .lists .first .text{width:48%;margin:0 0 .42rem}
.contact_box .message .lists .first .text input{width:100%;height:.95rem;line-height:.95rem;padding:0 .3rem;font-size:.18rem;color:#5a5a5a;border-radius:10px;border:0;box-shadow:0 0  12px rgba(0,0,0,0.1)}
.contact_box .message .lists .bot textarea{width:100%;height:3.2rem;font-size:.18rem;color:#5a5a5a;border-radius:10px;border:0;box-shadow:0 0  12px rgba(0,0,0,0.1);padding:.36rem .3rem }
.contact_box .message .lists .sub {text-align:center;margin:.5rem 0 0}
.contact_box .message .lists .sub button{border:0;background:#023ea3;padding:.24rem .9rem;font-size:.2rem;color:white;border-radius:50px}
.section1 .tem_banner.index{position:relative;}
.section1 .tem_banner.index .swiper-slide .img {background-position:center;background-repeat:no-repeat;background-size:cover;}
.section1 .tem_banner.index .label_txt{position:absolute;left:2.6rem;top:30%;text-align:left}
.section1 .tem_banner.index .label_txt h1{font-size:.5rem;font-family:"MicrosoftYaHeiUIBold";color:white;margin:0 0 .15rem;text-shadow:1px 1px 4px #494949;opacity:0;transform:translateY(100px)}
.section1 .tem_banner.index .swiper-slide-active .label_txt h1{transition: 1s;transition-delay:.4s;transform:none;opacity:1;}
.section1 .tem_banner.index .label_txt p{font-size:.36rem;;font-family:"MicrosoftYaHeiUIBold";color:#7b7c8c;text-transform:uppercase;text-shadow:1px 1px 4px #494949;opacity:0;transform:translateY(100px)}
.section1 .tem_banner.index .swiper-slide-active .label_txt p{transition: 1s;transition-delay:.6s;transform:none;opacity:1;}
.section1 .tem_banner.index .mouse{position:absolute;left:2.6rem;top:53%;z-index:2}
.section1 .tem_banner.index .mouse p{font-size:.16rem;font-weight:bold;color:white;padding:0 0 0 .35rem;position:relative}
.section1 .tem_banner.index .mouse p:after{content:"";position:absolute;background:url(../images/mouse.png) no-repeat;width:.18rem;height:.28rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;animation: dropdown2 .8s 0.2s linear infinite alternate;}
@keyframes dropdown2 {
	form{
		top:0
	}
	to{
		top:-.15rem;
	}
}
.section2 {position:relative}
.section2 .fp-tableCell{vertical-align:top}
.section2 .about_company{padding:1.25rem  0 0;position:relative}
.section2 .about_company .bg{padding: 0 2.6rem 0 1.17rem;}
.section2 .about_company .bg .infos{display:flex;justify-content: space-between;}
.section2 .about_company .bg .infos .img{width:48%;padding:.45rem 0 0}
.section2 .about_company .bg .infos .text{width:45.5%;position:relative}
.section2 .about_company .bg .infos .text span{position:absolute;font-size:1.2rem;text-transform:uppercase;z-index:-1;font-family:"MicrosoftYaHeiUIBold";color:rgba(38,38,38,.05);top:-.45rem;left:0}
.section2 .about_company .bg .infos .text>h1{font-size:.24rem;color:#313131;font-weight:bold}
.section2 .about_company .bg .infos .text>h2{color:#313131;font-family:"MicrosoftYaHeiUIBold";font-size:.46rem;padding:.2rem 0 .65rem}
.section2 .about_company .bg .infos .text ul{display:flex}

.section2 .about_company .bg .infos .text ul li{width:33.33%;}    
.section2 .about_company .bg .infos .text ul li:nth-child{text-align:center}
.section2 .about_company .bg .infos .text ul li p{font-size:.26rem;;font-family:"MicrosoftYaHeiUIBold";color:#023ea3}
.section2 .about_company .bg .infos .text ul li p em{font-size:.5rem}
.section2 .about_company .bg .infos .text ul li h2{font-size:.18rem;color:#023ea3}
.section2 .about_company .bg .infos .text .title{padding:.55rem 0 0}
.section2 .about_company .bg .infos .text .title h1{font-size:.3rem;font-family:"MicrosoftYaHeiUIBold";color:#313131;padding:0 0 .25rem}
.section2 .about_company .bg .infos .text .title  p{font-size:.24rem;color:#454545;line-height:.33rem}
.section2 .about_nav{position:absolute;width:50%;right:0;bottom:0;border-radius:100px 0 0 0;background:#023ea3}
.section2 .about_nav ul{display:flex;padding:.45rem  2.6rem .6rem 0}
.section2 .about_nav ul li{width:25%;text-align:center;position:relative}
.section2 .about_nav ul li:after{content:'';position:absolute;;background:url(../images/icon10.png) no-repeat;width:1px;height:.97rem;right:0;top:50%;transform:translateY(-50%)}
.section2 .about_nav ul li:last-child:after{display:none}
.section2 .about_nav ul li a{font-size:.22rem;color:white;;font-family:"MicrosoftYaHeiUIBold";padding:.7rem 0  0;position:relative}
.section2 .about_nav ul li:nth-child(1) a:after{content:"";position:absolute;background:url(../images/icon6.png) no-repeat;width:.53rem;height:.52rem;left:50%;top:5%;transform:translateX(-50%);background-size:100%;transition:.3s}
.section2 .about_nav ul li:nth-child(2) a:after{content:"";position:absolute;background:url(../images/icon7.png) no-repeat;width:.48rem;height:.51rem;left:50%;top:5%;transform:translateX(-50%);background-size:100%;transition:.3s}

.section2 .about_nav ul li:nth-child(3) a:after{content:"";position:absolute;background:url(../images/icon9.png) no-repeat;width:.44rem;height:.47rem;left:50%;top:10%;transform:translateX(-50%);background-size:100%;transition:.3s}

.section2 .about_nav ul li:nth-child(4) a:after{content:"";position:absolute;background:url(../images/icon8.png) no-repeat;width:.43rem;height:.37rem;left:50%;top:15%;transform:translateX(-50%);background-size:100%;transition:.3s}

.section2 .about_nav ul li:nth-child(5) a:after{content:"";position:absolute;background:url(../images/icon6.png) no-repeat;width:.53rem;height:.52rem;left:50%;top:5%;transform:translateX(-50%);background-size:100%;transition:.3s}
.section2 .about_nav ul li a:hover:after{top:-.1rem;transition:.3s}
.section2 .cans{ position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  overflow: hidden;
  z-index:-1}
.section2 .cans canvas{}
.section3 .bg {height:100%;position:relative}
.section3 .bigimg{position: absolute;left: 50%;top: 50%;width: 100%;height:100%;transform: translate(-50%,-50%);}
.section3 .bigimg img{width: 100%;height:100%;}
.section3 .bg .title{text-align:center;padding:1.42rem 0 0;}
.section3 .bg .title h1{font-size:.42rem;color:white;font-family:"MicrosoftYaHeiUIBold";padding:0 0 .15rem}
.section3 .bg .title p{font-size:.3rem;color:white;text-transform:uppercase}
.section3 .bg .dian{position: absolute; z-index: 9; cursor: pointer;}
.section3 .bg .dian .dian-txt h3{font-size:.22rem;color:white;font-family:"MicrosoftYaHeiUIBold";padding:0 0 .1rem}
.section3 .bg .dian .dian-txt  p{font-size:.16rem;color:white;font-weight:bold}
.section3 .bg .pp{position:absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);display:none;height:100%}
.section3 .bg .dian1{left:37%;top:35%}
.section3 .bg .dian2{left:58%;top:58%}
.section3 .bg .dian3{right:10%;top:55%}
.section3 .bg .dian4{left:12%;top:78%}
.section3 .bg .dian5{left:22%;top:85%}
.section3 .bg .dian6{left:42%;top:80%}
.section3 .bg .dian7{left:65%;top:88%}
.section3 .bg .dian:hover .dian-txt h3{font-size:.25rem}
.section3 .bg .dian:hover .dian-txt p{font-size:.18rem}
.section4{background-repeat:no-repeat;background-size:cover;background-position:0  0}
.section4 .fp-tableCell{vertical-align:top}
.section4 .title{text-align:center;padding:1.47rem 0 .85rem;}
.section4 .title h1{font-size:.42rem;color:#242424;font-family:"MicrosoftYaHeiUIBold";padding:0 0 .18rem}
.section4 .title p{font-size:.3rem;color:#242424;text-transform:uppercase}
.section4 .lists ul{display:flex}
.section4 .lists ul li{width:17%;overflow:hidden}
.section4 .lists ul li.on{width:32%}
.section4 .lists ul li img{max-width:none;}
.section4 .lists ul li a{position:relative;overflow:hidden}
.section4 .lists ul li a .text2{position:absolute;bottom:25%;left:5%;padding:.2rem .25rem .22rem .12rem;background:#023ea3;width:2.4rem;opacity:0;transform:translateY(.3rem)}
.section4 .lists ul li a .text2 h2{font-size:.18rem;color:white;;font-weight:bold;text-transform:uppercase;line-height:.25rem;padding:0 0 .1rem}
.section4 .lists ul li a .text2 h1{font-size:.22rem;color:white;;font-weight:bold;padding:0 0 .15rem;position:relative}
.section4 .lists ul li a .text2 h1:after{content:'';position:absolute;background:white;width:.3rem;height:3px;left:0;bottom:0}
.section4 .lists ul li a .text1{position:absolute;bottom:22%;padding-left:.22rem;}
.section4 .lists ul li a .text1 h1{font-size:.16rem;color:white;font-weight:bold;position:relative}
.section4 .lists ul li a .text1 h1:after{content:'+';position:absolute;width:.3rem;height:.3rem;border:1px solid white;border-radius:100%;left:0;bottom:-.5rem;line-height:.26rem;text-align:center;font-size:.18rem}
.section4 .lists ul li a:hover .text1{opacity:0;transform:translateY(.2rem)}
.section4 .lists ul li a:hover .text2{opacity:1;transform:translateY(0)}
#earth {width:100%;height:500px;}
.section5 .fp-tableCell {vertical-align:top;}
.section5 .index_partner{display:flex;height:100%}
.section5 .index_partner .left{width:50%;display:flex;flex-direction: column;position:relative;justify-content: center;background:url(../images/icon12.jpg) 0 0 no-repeat;background-size:cover;}
.section5 .index_partner .left .txt{position:absolute;background:#023ea3;padding:.3rem .1rem;border-radius:10px;right:10%;top:58%}
.section5 .index_partner .left .txt p{font-size:.2rem;color:white;font-family:"MicrosoftYaHeiUIBold"}
.section5 .index_partner .right{width:50%;padding:1.5rem 0 0 .78rem;position:relative}
.section5 .index_partner .right .title{padding:0 0 .4rem}
.section5 .index_partner .right .title h1{font-size:.46rem;color:#262626;font-family:"MicrosoftYaHeiUIBold";padding:0 0 .15rem}
.section5 .index_partner .right .title p{font-size:.18rem;color:#777777;font-family:"MicrosoftYaHeiUIBold"}
.section5 .index_partner .right .imgs{position:absolute;left:0;bottom:0}
.section5 .index_partner .right .more{margin:1rem   0 0 }
.section5 .index_partner .right .more a{display:inline-block;font-size:.16rem;color:#023ea3;padding-right:1.15rem;position:relative}
.section5 .index_partner .right .more a:after{content:"\f178";position:absolute;font:normal normal normal 14px/1 FontAwesome;width:.38rem;height:.38rem;line-height:.38rem;text-align:center;top:50%;transform:translateY(-50%);right:0;border:2px solid #023ea3;border-radius:100%;font-size:.18rem;transition:.3s}
.section5 .index_partner .right .more a:hover:after{background:#023ea3;color:white;transition:.3s}

.section6 .fp-tableCell {vertical-align:top}
.section6 .index_news .title{text-align:center;padding:1.3rem 0 .8rem }
.section6 .index_news .title h1{font-size:.42rem;color:#1d1d1d;font-family:"MicrosoftYaHeiUIBold"}
.section6 .index_news .title p{font-size:.22rem;color:#5b5b5b;padding:.2rem 0 0 }
.section6 .index_news .lists  a{padding:.26rem .25rem .65rem;position:relative}
.section6 .index_news .lists  a:after{content:"";position:absolute;background:#4c4c4c;width:100%;height:3px;left:0;top:0}
.section6 .index_news .lists  a:before{content:"";position:absolute;background:#ffffff;width:100%;left:50%;transform:translateX(-50%);top:0;height:0;z-index:-1;transition:.8s}
.section6 .index_news .lists  a:hover:after{background:#023ea3;transition:.6s}
.section6 .index_news .lists  a:hover:before{height:100%;transition:.8s}
.section6 .index_news .lists  a:hover h1{text-decoration:underline;color:#023ea3;transition:.3s}
.section6 .index_news .lists  a span{font-size:.14rem;color:#565656;font-weight:bold;display:inline-block}
.section6 .index_news .lists  a h1{font-size:.24rem;;font-family:"MicrosoftYaHeiUIBold";color:#333333;line-height:.29rem;margin:.47rem 0 .23rem;height:.58rem}
.section6 .index_news .lists  a  p{color:#565555;line-height:.22rem;height:.88rem;font-weight:bold}
.section6 .index_news .lists  a  em{display:inline-block;margin:.58rem 0 0;font-size:.16rem;color:#484848}
.section6 .index_news .more{margin: 0.8rem 0 0;text-align:center;}
.section6 .index_news .more a{padding:.15rem .3rem;display:inline-block;background:#023ea3;color:white;border-radius:50px;font-size:.16rem}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#023ea3 !important}
/********<=767 mobile nav stytle css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;    
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#023ea3;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2>a,.st-container .st-menu ul li>dl dd a:hover,.st-container .st-menu ul li>dl dd.on2 dd.on3 a {color:rgba(161,180,185)}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/

/******ipad****/
@media(max-width:1600px){
	.section2 .about_nav ul{padding:.45rem  1.2rem .6rem 0}
	.section2 .about_company .bg{padding:0 1.2rem 0 1.17rem}
	.header>div{padding:0 1.6rem;}
	.header.on>div{padding:0 1rem}
	.about_box .about_company .pad26{padding-left:1.2rem}
}
@media(max-width:1440px){
	.section6 .index_news .more{margin:.3rem 0 0}
	.section2 .about_nav ul{padding:.45rem  1.2rem .45rem 0}
	.section2 .about_company .bg .infos .text span{font-size:1rem}
	.contact_box .infos .txt ul li {padding:0 .1rem;}
	.contact_box .infos .txt ul li:after{right:-.4rem}
}
@media(max-width:1300px){
	.pro_nav>div,.about_nav>div,.news_nav>div{padding:0!important}
	
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	.tem_banner.indise{padding:60px 0 0}
	
}
/********mobile*********/
@media(max-width:767px){
	.section1 .tem_banner.index .label_txt{left:50%;transform:translateX(-50%);width:100%;text-align:center}
.section2 .about_company .bg{padding:0 .2rem}
.section2 .about_company .bg .infos{display:inherit}
.section2 .about_company .bg .infos .img{width:100%}
.section2 .about_nav{width:100%}
.section2 .about_company .bg .infos .text{width:100%;padding:.2rem  0}
.section2 .about_nav ul{padding:.45rem  .3rem .45rem }
.section5 .index_partner{display:inherit;padding:1.25rem 0 0}
.section5 .index_partner .left{width:100%}
#earth{height:300px}
.section5 .index_partner .right{width:100%;padding:.2rem}
.section5 .index_partner .right .imgs{position:inherit;margin:.5rem 0 0}
.section6 .fp-tableCell{vertical-align:middle}
.section3 .fp-tableCell{vertical-align:middle}
.section3 .bg{height:250px}

.section3 .bg .dian .dian-txt p{display:none}
.section3 .bg .title{z-index:2;position:absolute;top:-2rem;padding:0;left:50%;transform:translateX(-50%)}
.section3 .bg .title h1{color:black}
.section3 .bg .title p{color:black}
.section4 .fp-tableCell{vertical-align:middle}
.section4 .lists ul{display:flex;flex-wrap: wrap;}
.section4 .lists ul li img{max-width:100%}
.section4 .lists ul li{width:50% !important}
.section4 .title{padding:.3rem 0}
.footer .top .middle{display:none}
.footer .top .left{width:50%}
.footer .top .right{width:50%}
.footer .top .right .img{width:40%}
.footer .bot>div{display:inherit}
.footer .bot .list{width:100%}
.about_nav .mbx{display:none}
.about_nav .nav_list{width:100%}
.about_box .about_company .pad26{padding:.2rem}
.about_box .about_company .pad26 .infos{display:inherit}
.about_box .about_company .pad26 .infos .left{width:100%}
.about_box .about_company .pad26 .infos .right{width:100%}
.about_box .about_company .pad26 .infos .left .guimo ul{padding:.2rem 0}
.about_box .about_culture>div{display:inherit}
.about_box .about_culture .left{width:100%}
.about_box .about_culture .right{width:100%}
.about_honor .lists a{padding:.1rem}
.about_honor .lists{padding:0 .8rem}
.about_workshop .swiper-page>div{width:.5rem;height:.5rem}
.about_box .about_company .title:after{left:5%}
.about_box .about_company .title:before{right:5%}
.about_nav>div{transform:translateY(0)}
.pro_nav .mbx{display:none}

.pro_nav .nav_list{width:100%}
.pro_nav>div{transform:translateY(0);line-height:normal;height:auto}
.pro_nav .nav_list ul{display:flex;flex-wrap: wrap;}
.pro_nav .nav_list ul li{width:50%;}
.pro_nav .nav_list ul li a{padding:.2rem 0 }
.product .product_nav ul{display:flex;flex-wrap: wrap;justify-content:normal}
.product .product_nav ul li{width:33.33%;margin:0;text-align:center;}
.product .lists .items{width:48%}
.news_nav .mbx{display:none}
.news_nav .nav_list{width:100%}
.news_nav>div{transform:translateY(0);}
.news_list .lists .items{width:48%}
.contact_box .infos .img img{width:50%}
.contact_box .infos .txt ul{display:inherit}
.contact_box .infos .txt ul li{padding:0}
.contact_box .infos .txt ul li:after{display:none}
.contact_box .message .lists .first .text{width:100%}
.news_list .title:after{display:none}
.news_list .title:before{display:none}
.contact_box .infos .title:after{display:none}
.contact_box .infos .title:before{display:none}
}